<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/index.css">
	<title>新游-预约</title>
	<script type="text/javascript" src="js/flexible.js"></script>
</head>

<body>
	<div class="content pb100 pt112">
		<!-- header -->
		<header class="header bgf flex-align flex-between">
			<div class="header-logo">
				<img class="img100" src="images/logo.png" alt="">
			</div>
			<a class="header-inp flex-align ovn flex1" href="search.html">
				<div class="header-inpa flex1">请输入内容</div>
				<span class="iconfont iconsearch"></span>
			</a>
			<a href="" class="header-a iconfont iconuser"></a>
			<a href="" class="header-b"><img class="img100" src="images/logo.png" alt=""></a>
		</header>
		<!-- 一级导航 -->
		<div class="gnav flex-align bgf">
			<a class="on" href="game.html">新游</a>
			<a href="game-bangdan.html">榜单</a>
			<a href="game-fenlei.html">分类</a>
		</div>
		<!-- 二级导航 -->
		<div class="genav flex-align bgf">
			<a href="game.html">最新上线</a>
			<a href="">新游TOP</a>
			<a class="on" href="game-yuyue.html">预约</a>
		</div>
		<div class="xhot-ul mcm0 pt20 ovn">
			<!-- 1 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<img class="xhot-libc-i" src="images/icon5.png" alt="">
						<span class="xhot-libc-p">申请解锁</span>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 2 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 4 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<img class="xhot-libc-i" src="images/icon5.png" alt="">
						<span class="xhot-libc-p">申请解锁</span>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 5 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 6 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 7 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 8 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 9 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 10 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 1 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<img class="xhot-libc-i" src="images/icon5.png" alt="">
						<span class="xhot-libc-p">申请解锁</span>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 2 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 3 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 4 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<img class="xhot-libc-i" src="images/icon5.png" alt="">
						<span class="xhot-libc-p">申请解锁</span>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 5 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 6 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 7 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 8 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 9 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- 10 -->
			<div class="xhot-li flex-align">
				<div class="xhot-lia"><img class="img100" src="images/img.png" alt=""></div>
				<div class="xhot-lib flex1">
					<div class="xhot-liba">
						<h4>自由之刃</h4>
						<span>散发迷人专属</span>
					</div>
					<div class="xhot-libb flex-align mt12">
						<span>设备:</span>
						<img src="images/icon1.png" alt="">
						<img src="images/icon2.png" alt="">
						<img src="images/icon3.png" alt="">
					</div>
					<div class="xhot-libc flex-align mt8">
						<img class="xhot-libc-a" src="images/icon4.png" alt="">
						<div class="xhot-libc-p">0.10元/币</div>
					</div>
				</div>
				<div class="xhot-liy">预约</div>
			</div>
			<!-- end -->
		</div>
		<!--  -->
		<div class="xopen flex-center-align show-app">下载APP查看更多</div>
		<!-- footer -->
		<footer class="footer mt30">
			<div class="footer-b">
				<p>健康游戏忠告:</p>
				<p>
					<span>抵制不良游戏</span>
					<span>拒绝盗版游戏</span>
					<span>注意自我保护</span>
					<span>谨防受骗上当</span>
				</p>
				<p>
					<span>适度游戏益脑</span>
					<span>沉迷游戏伤身</span>
					<span>合理安排时间</span>
					<span>享受健康生活</span>
				</p>
				<p>
					<span>家长监护工程</span>
					<span>|</span>
					<span>防沉迷系统</span>
					<span>|</span>
					<span>纠纷处理</span>
					<span>|</span>
					<span>用户协议</span>
				</p>
				<p>安徽追游网络科技有限公司互联网ICP备案：</p>
			</div>
		</footer>
		<!--  -->
	</div>
	<!-- xnav -->
	<div class="xnav flex">
		<a class="xnav-li xnav-lia" href="index.html">首页</a>
		<a class="xnav-li on xnav-lib" href="game.html">游戏</a>
		<a class="xnav-li xnav-lic" href="gameCircle.html">游圈</a>
		<a class="xnav-li xnav-lid" href="buy.html">交易</a>
		<a class="xnav-li xnav-lie" href="my.html">个人</a>
	</div>
	<!--  -->
	<div class="xdown flex-align flex-between">
		<div class="xdown-a"></div>
		<div class="xdown-b flex-center-align show-app">下载APP</div>
	</div>
	<!--  -->
	<script src="js/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/used.js"></script>
	<script>
		/*顶部轮播图*/
		var swiper = new Swiper(".mySwiper", {
			loop: true,
			pagination: {
				el: ".mySwiper .swiper-pagination",
			},
		});
		/*新游推荐*/
		var swiper = new Swiper(".mySwiper-b", {
			loop: true,
			pagination: {
				el: ".mySwiper-b .swiper-pagination",
			},
		});
	</script>
</body>

</html>